<template>
  <div class="chatPage">
    <top-operation :showSreach="showSreach" :canJump="canJump"></top-operation>
    <chat-body></chat-body>
    <chat-foot></chat-foot>
  </div>
</template>

<script>
import topOperation from '@/common/topOperation/topTitle.vue'
import ChatBody from '@/components/chat/ChatBody.vue'
import ChatFoot from '@/components/chat/ChatFoot.vue'

export default {
  components: {
    topOperation,
    ChatBody,
    ChatFoot
  },
  data() {
    return {
      canJump: true,
      showSreach: true
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
.el-textarea {
  max-height: 2rem;
  overflow: auto;
}
.el-textarea__inner {
  border: 1px solid #d5dae6;/*no*/
  resize:none;
}
</style>
